<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>JEEBOSS</title>
		<!-- Tell the browser to be responsive to screen width -->
		<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
		<!-- Bootstrap 3.3.7 -->
		<link rel="stylesheet" href="../../assets/plugins/bootstrap/css/bootstrap.min.css">
		<!-- Font Awesome -->
		<link rel="stylesheet" href="../../assets/plugins/font-awesome/css/font-awesome.min.css">

		<!-- Theme style -->
		<link rel="stylesheet" href="../../assets/plugins/AdminLTE/css/AdminLTE.min.css">
		<!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
		<link rel="stylesheet" href="../../assets/plugins/AdminLTE/css/skins/_all-skins.min.css">
		<!-- bootstrap wysihtml5 - text editor -->
		<link rel="stylesheet" href="../../assets/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
		<link rel="stylesheet" href="../../assets/css/main.css" />
		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		  <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
		  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
	    <![endif]-->

		<!-- Google Font -->
		<link rel="stylesheet" href="../../assets/css/googleapis.css">
	</head>

	<body class="hold-transition skin-blue sidebar-mini">
		<div class="wrapper">

			<header class="main-header">
				<!-- Logo -->
				<a href="#" class="logo">
					<!-- logo for regular state and mobile devices -->
					<span class="logo-mini"><b>J</b>EB</span>
					<span class="logo-lg"><b>JEEBOSS</b></span>
				</a>
				<!-- Header Navbar: style can be found in header.less -->
				<nav class="navbar navbar-static-top">
					<!-- Sidebar toggle button-->
					<a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button">
						<span class="sr-only">Toggle navigation</span>
					</a>

					<div class="navbar-custom-menu">
						<ul class="nav navbar-nav">
							<!-- User Account: style can be found in dropdown.less -->
							<li class="dropdown user user-menu">
								<script type="text/html" id="user-info">
									<a href="#" class="dropdown-toggle" data-toggle="dropdown">
										<img src="{{data.photo}}" class="user-image" alt="User Image">
										<span class="hidden-xs">{{data.name}}</span>
									</a>
									<ul class="dropdown-menu">
										<!-- User image -->
										<li class="user-header">
											<img src="{{data.photo}}" class="img-circle" alt="User Image">

											<p>
												{{data.email}}
												<small>注册时间：{{dateFormat(data.createDate,"yyyy-MM-dd hh:mm:ss")}}</small>
											</p>
										</li>
										<!-- Menu Body 
									<li class="user-body">
										<div class="row">
											<div class="col-xs-4 text-center">
												<a href="#">Followers</a>
											</div>
											<div class="col-xs-4 text-center">
												<a href="#">Sales</a>
											</div>
											<div class="col-xs-4 text-center">
												<a href="#">Friends</a>
											</div>
										</div>
										<!-- /.row 
									</li>-->
										<!-- Menu Footer-->
										<li class="user-footer">
											<div class="pull-left">
												<a href="#" onclick="showInfo({{data.id}})" class="btn btn-default btn-flat">详细信息</a>
											</div>
											<div class="pull-right">
												<a href="#" onclick="logout({{data.id}})" class="btn btn-default btn-flat">注销</a>
											</div>
										</li>
									</ul>
								</script>
							</li>
							<!-- Control Sidebar Toggle Button -->
							<li>
								<a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
							</li>
						</ul>
					</div>
				</nav>
			</header>
			<!-- Left side column. contains the logo and sidebar -->
			<aside class="main-sidebar">
				<!-- sidebar: style can be found in sidebar.less -->
				<section class="sidebar">
					<!-- Sidebar user panel -->
					<div class="user-panel">
						<script type="text/html" id="user-panel-temp">
							<div class="pull-left image">
								<img src="{{data.photo}}" class="img-circle" alt="User Image">
							</div>
							<div class="pull-left info">
								<p>{{data.name}}</p>
								<a href="#"><i class="fa fa-circle text-success"></i> Online</a>
							</div>
						</script>
					</div>

					<!-- /.search form -->
					<!-- sidebar menu: : style can be found in sidebar.less -->
					<ul class="sidebar-menu" data-widget="tree" id="menu-group">
						<li class="header">MAIN NAVIGATION</li>
						<script type="text/html" id="menu-temp">
							{{each data as resource}} {{if resource.parentId==0 && resource.type==0}}
							<li class="treeview">
								<a href="#">
									<i class="{{resource.icon}}"></i> <span>{{resource.name}}</span>
									<span class="pull-right-container">
						              <i class="fa fa-angle-left pull-right"></i>
						            </span>
								</a>
								<ul class="treeview-menu">
									{{each data as c}} {{if c.parentId==resource.id && c.type==0}}
									<li class="">
										<a href="javascript:;" class="sub-menu" data-href="{{c.url}}"><i class="{{c.icon}}"></i>{{c.name}}</a>
									</li>
									{{/if}} {{/each}}
								</ul>
							</li>
							{{/if}} {{/each}}
						</script>
					</ul>
				</section>
				<!-- /.sidebar -->
			</aside>

			<div class="content-wrapper ">
				<section class="content-header" style="padding: 15px;float: left;width: 100%;">
					<ul class="status-bar-container ">
						<script type="text/html " id="status-bar-temp">
							<li role="presentation " class="bar-active " data-targetId="{{id}}">
								<span class="status-bar-close ">x</span>
								<a href="# ">{{name}}</a>
							</li>
						</script>
					</ul>
				</section>
				<section class="content" id="content-main">
					<script type="text/html" id="content-temp">
						<iframe src="{{href}}" data-iframeid="{{id}}" class="iframe-active" style="width: 100%;height: 100%;display: none;" frameborder="no" border="0" marginwidth="0" marginheight="0" allowtransparency="yes"></iframe>
					</script>

				</section>
				<!-- Main content -->

				<!-- /.content -->
			</div>
			<!-- /.content-wrapper -->
			<footer class="main-footer ">
				<div class="pull-right hidden-xs ">
					<b>Version</b> 2.4.0
				</div>
				<strong>Copyright &copy; 2014-2016 <a href="https://adminlte.io ">Almsaeed Studio</a>.</strong> All rights reserved.
			</footer>

			<!-- Control Sidebar -->
			<aside class="control-sidebar control-sidebar-dark ">
				<!-- Create the tabs -->
				<ul class="nav nav-tabs nav-justified control-sidebar-tabs ">
					<li>
						<a href="#control-sidebar-home-tab " data-toggle="tab "><i class="fa fa-home "></i></a>
					</li>
				</ul>
				<!-- Tab panes -->
				<div class="tab-content ">
					<div id="control-sidebar-theme-demo-options-tab" class="tab-pane active">
						<div>
							<h4 class="control-sidebar-heading">主题</h4>
							<ul class="list-unstyled clearfix">
								<li style="float:left; width: 33.33333%; padding: 5px;">
									<a href="javascript:void(0)" data-skin="skin-blue" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
										<div><span style="display:block; width: 20%; float: left; height: 7px; background: #367fa9"></span><span class="bg-light-blue" style="display:block; width: 80%; float: left; height: 7px;"></span></div>
										<div><span style="display:block; width: 20%; float: left; height: 20px; background: #222d32"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div>
									</a>
									<p class="text-center no-margin">Blue</p>
								</li>
								<li style="float:left; width: 33.33333%; padding: 5px;">
									<a href="javascript:void(0)" data-skin="skin-black" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
										<div style="box-shadow: 0 0 2px rgba(0,0,0,0.1)" class="clearfix"><span style="display:block; width: 20%; float: left; height: 7px; background: #fefefe"></span><span style="display:block; width: 80%; float: left; height: 7px; background: #fefefe"></span></div>
										<div><span style="display:block; width: 20%; float: left; height: 20px; background: #222"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div>
									</a>
									<p class="text-center no-margin">Black</p>
								</li>
								<li style="float:left; width: 33.33333%; padding: 5px;">
									<a href="javascript:void(0)" data-skin="skin-purple" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
										<div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-purple-active"></span><span class="bg-purple" style="display:block; width: 80%; float: left; height: 7px;"></span></div>
										<div><span style="display:block; width: 20%; float: left; height: 20px; background: #222d32"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div>
									</a>
									<p class="text-center no-margin">Purple</p>
								</li>
								<li style="float:left; width: 33.33333%; padding: 5px;">
									<a href="javascript:void(0)" data-skin="skin-green" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
										<div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-green-active"></span><span class="bg-green" style="display:block; width: 80%; float: left; height: 7px;"></span></div>
										<div><span style="display:block; width: 20%; float: left; height: 20px; background: #222d32"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div>
									</a>
									<p class="text-center no-margin">Green</p>
								</li>
								<li style="float:left; width: 33.33333%; padding: 5px;">
									<a href="javascript:void(0)" data-skin="skin-red" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
										<div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-red-active"></span><span class="bg-red" style="display:block; width: 80%; float: left; height: 7px;"></span></div>
										<div><span style="display:block; width: 20%; float: left; height: 20px; background: #222d32"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div>
									</a>
									<p class="text-center no-margin">Red</p>
								</li>
								<li style="float:left; width: 33.33333%; padding: 5px;">
									<a href="javascript:void(0)" data-skin="skin-yellow" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
										<div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-yellow-active"></span><span class="bg-yellow" style="display:block; width: 80%; float: left; height: 7px;"></span></div>
										<div><span style="display:block; width: 20%; float: left; height: 20px; background: #222d32"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div>
									</a>
									<p class="text-center no-margin">Yellow</p>
								</li>
								<li style="float:left; width: 33.33333%; padding: 5px;">
									<a href="javascript:void(0)" data-skin="skin-blue-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
										<div><span style="display:block; width: 20%; float: left; height: 7px; background: #367fa9"></span><span class="bg-light-blue" style="display:block; width: 80%; float: left; height: 7px;"></span></div>
										<div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div>
									</a>
									<p class="text-center no-margin" style="font-size: 12px">Blue Light</p>
								</li>
								<li style="float:left; width: 33.33333%; padding: 5px;">
									<a href="javascript:void(0)" data-skin="skin-black-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
										<div style="box-shadow: 0 0 2px rgba(0,0,0,0.1)" class="clearfix"><span style="display:block; width: 20%; float: left; height: 7px; background: #fefefe"></span><span style="display:block; width: 80%; float: left; height: 7px; background: #fefefe"></span></div>
										<div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div>
									</a>
									<p class="text-center no-margin" style="font-size: 12px">Black Light</p>
								</li>
								<li style="float:left; width: 33.33333%; padding: 5px;">
									<a href="javascript:void(0)" data-skin="skin-purple-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
										<div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-purple-active"></span><span class="bg-purple" style="display:block; width: 80%; float: left; height: 7px;"></span></div>
										<div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div>
									</a>
									<p class="text-center no-margin" style="font-size: 12px">Purple Light</p>
								</li>
								<li style="float:left; width: 33.33333%; padding: 5px;">
									<a href="javascript:void(0)" data-skin="skin-green-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
										<div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-green-active"></span><span class="bg-green" style="display:block; width: 80%; float: left; height: 7px;"></span></div>
										<div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div>
									</a>
									<p class="text-center no-margin" style="font-size: 12px">Green Light</p>
								</li>
								<li style="float:left; width: 33.33333%; padding: 5px;">
									<a href="javascript:void(0)" data-skin="skin-red-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
										<div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-red-active"></span><span class="bg-red" style="display:block; width: 80%; float: left; height: 7px;"></span></div>
										<div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div>
									</a>
									<p class="text-center no-margin" style="font-size: 12px">Red Light</p>
								</li>
								<li style="float:left; width: 33.33333%; padding: 5px;">
									<a href="javascript:void(0)" data-skin="skin-yellow-light" style="display: block; box-shadow: 0 0 3px rgba(0,0,0,0.4)" class="clearfix full-opacity-hover">
										<div><span style="display:block; width: 20%; float: left; height: 7px;" class="bg-yellow-active"></span><span class="bg-yellow" style="display:block; width: 80%; float: left; height: 7px;"></span></div>
										<div><span style="display:block; width: 20%; float: left; height: 20px; background: #f9fafc"></span><span style="display:block; width: 80%; float: left; height: 20px; background: #f4f5f7"></span></div>
									</a>
									<p class="text-center no-margin" style="font-size: 12px">Yellow Light</p>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</aside>
			<div class="control-sidebar-bg "></div>
		</div>
		<!-- ./wrapper -->

		<!-- jQuery 3 -->
		<script src="../../assets/js/common/jquery.min.js "></script>

		<!-- Bootstrap 3.3.7 -->
		<script src="../../assets/plugins/bootstrap/js/bootstrap.min.js "></script>

		<!-- Sparkline 
		<script src="jquery.sparkline.min.js "></script>-->

		<!-- Bootstrap WYSIHTML5 -->
		<script src="../../assets/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js "></script>
		<!-- Slimscroll -->
		<script src="../../assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js "></script>
		<!-- FastClick -->
		<script src="../../assets/plugins/fastclick/fastclick.js "></script>
		<!-- AdminLTE App -->
		<script src="../../assets/plugins/AdminLTE/js/adminlte.min.js "></script>
		<script src="../../assets/plugins/layer/layer.js "></script>
		<script src="../../assets/js/common/artTemplate.js "></script>
		<script src="../../assets/js/common/resource_mapping.js "></script>
		<script src="../../assets/js/common/common.js "></script>
		<script src="../../assets/js/modules/sys/admin.js "></script>
		<script src="../../assets/plugins/AdminLTE/js/demo.js"></script>
	</body>

</html>